{% extends "base.html" %}
{% from "_icones.html" import icone %}
{% block titulo %}Compra nº {{ c.numero }}{% endblock %}
{% block conteudo %}
<div class="topo">
  <div><h1>Compra · NF-e nº {{ c.numero }} <span class="suave" style="font-weight:500">série {{ c.serie }}</span>
    {% if c.estoque_lancado %}<span class="selo ok">No estoque</span>{% elif c.situacao == 'estornada' %}<span class="selo neutro">Estornada</span>{% else %}<span class="selo alerta">Conferir</span>{% endif %}</h1>
    <p>{{ c.fornecedor_nome }} · {{ c.fornecedor_doc|doc }}{% if c.fornecedor_uf %} · {{ c.fornecedor_uf }}{% endif %} · emitida em {{ c.data_emissao|data }} · {{ c.valor_total|moeda }}</p></div>
  <div class="acoes">
    <a class="btn" href="{{ url_for('compras') }}">Voltar</a>
    {% if c.xml %}<a class="btn" href="{{ url_for('compra_xml', cid=c.id) }}">{{ icone('download') }} XML</a>{% endif %}
    {% if c.estoque_lancado %}
    <form method="post" action="{{ url_for('compra_estornar', cid=c.id) }}" data-confirmar="Retirar do estoque os itens desta compra?"><button class="btn perigo">Estornar entrada</button></form>
    {% else %}
    <form method="post" action="{{ url_for('compra_excluir', cid=c.id) }}" data-confirmar="Excluir esta compra importada?"><button class="btn perigo">{{ icone('lixo') }} Excluir</button></form>
    {% endif %}
  </div>
</div>
{% if c.chave %}<p class="mono peq suave" style="margin-top:-8px">Chave {{ c.chave }}</p>{% endif %}
{% if c.observacao and not c.estoque_lancado and 'PDF' in c.observacao %}<div class="aviso alerta">Esta compra foi lida do <b>PDF do DANFE</b>. Confira descrições, quantidades e valores antes de registrar.</div>{% endif %}
{% if nota %}<div class="aviso info">NF-e de entrada nº {{ nota.numero }} ({{ SITUACOES.get(nota.situacao, (nota.situacao,))[0] }}) — <a href="{{ url_for('nota_detalhe', nid=nota.id) }}">abrir a nota</a>.</div>{% endif %}

<form method="post" action="{{ url_for('compra_confirmar', cid=c.id) }}" id="form-compra">
<div class="cartao">
  <div class="cab"><h2>Itens da nota</h2><span class="peq suave">vincule cada item a um produto seu</span></div>
  <div class="tabela-wrap"><table class="tab tab-compra">
    <thead><tr><th>Item do fornecedor</th><th class="direita">Qtd.</th><th class="direita">Valor</th><th>O que fazer</th><th>Produto no seu cadastro</th><th title="Quantas unidades suas há em 1 unidade do fornecedor (ex.: caixa com 12 = 12)">Conversão</th></tr></thead>
    <tbody>{% for it in itens %}{% set i = loop.index0 %}
      <tr>
        <td><b>{{ it.descricao }}</b><div class="suave peq">cód. {{ it.codigo }} · NCM {{ it.ncm }} · CFOP {{ it.cfop }}</div></td>
        <td class="direita nowrap">{{ it.quantidade|qtd }} {{ it.unidade }}</td>
        <td class="direita nowrap">{{ it.valor_total|moeda }}</td>
        <td><select name="acao_{{ i }}" class="sel-acao" data-i="{{ i }}" {{ 'disabled' if c.estoque_lancado }}>
          <option value="vincular" {{ 'selected' if it.acao == 'vincular' }}>Vincular a produto</option>
          <option value="novo" {{ 'selected' if it.acao == 'novo' }}>Cadastrar produto novo</option>
          <option value="ignorar" {{ 'selected' if it.acao == 'ignorar' }}>Não controlar estoque</option></select></td>
        <td class="cel-produto">
          <div class="autocomp-wrap" data-i="{{ i }}"><input class="busca-prod" data-i="{{ i }}" value="{{ it.produto.descricao if it.produto else '' }}" placeholder="Buscar produto" {{ 'disabled' if c.estoque_lancado }}></div>
          <input type="hidden" name="produto_{{ i }}" value="{{ it.produto.id if it.produto else '' }}">
          {% if it.casado_por and it.produto %}<div class="suave peq">encontrado por {{ it.casado_por }}</div>{% endif %}
          <div class="novo-info suave peq">Será cadastrado com o código {{ it.codigo }}. Unidade: <input name="unidade_{{ i }}" value="{{ it.unidade }}" maxlength="6" style="width:70px;padding:3px 6px"></div>
        </td>
        <td><input name="fator_{{ i }}" value="{{ it.fator or '1' }}" inputmode="decimal" style="width:80px" {{ 'disabled' if c.estoque_lancado }}></td>
      </tr>{% endfor %}</tbody></table></div>
  {% if not c.estoque_lancado %}
  <div class="corpo"><div class="campos">
    <div class="c4"><label>Grupo dos produtos novos</label><select name="grupo_novos"><option value="">Sem grupo</option>
      {% for g in grupos %}<option value="{{ g.id }}">{{ g.nome }}</option>{% endfor %}</select></div>
    <div class="c3"><label>Margem para o preço de venda (%)</label><input name="margem" value="0" inputmode="decimal"></div>
    <div class="c3"><label>Data da entrada</label><input type="date" name="data_entrada" value="{{ c.data_entrada or '' }}"></div>
    <div class="c12"><label>Observação <span class="opc">opcional</span></label><input name="observacao" value="{{ c.observacao or '' }}" maxlength="300"></div>
  </div></div>
  <div class="rodape-form">
    {% if c.xml %}<button class="btn" name="acao_final" value="nota" title="Abre a nota de entrada já preenchida para conferir e emitir">{{ icone('nota') }} Emitir NF-e de entrada</button>{% endif %}
    <button class="btn prim" name="acao_final" value="estoque">{{ icone('caixa') }} Registrar entrada no estoque</button>
  </div>
  {% endif %}
</div>
</form>
{% if not c.estoque_lancado %}
<div class="aviso info" style="margin-top:16px"><b>Qual escolher?</b> Se o fornecedor já emitiu NF-e para esta compra (é o XML que você importou),
  normalmente basta <b>registrar a entrada no estoque</b>: não se emite outra nota para a mesma operação.
  A <b>NF-e de entrada</b> própria é para os casos em que a legislação exige que o comprador emita a nota (ex.: compra de produtor rural
  ou de quem não emite NF-e, recebimento de produção do cooperado, devoluções recebidas de não contribuinte). Na dúvida, fale com o contador.
  Ao autorizar a NF-e de entrada, o estoque entra sozinho.</div>
{% endif %}
{% endblock %}
{% block scripts %}
<script>
function atualizarLinha(sel) {
  const tr = sel.closest('tr');
  const v = sel.value;
  tr.querySelector('.autocomp-wrap').style.display = v === 'vincular' ? '' : 'none';
  tr.querySelector('.novo-info').style.display = v === 'novo' ? '' : 'none';
}
document.querySelectorAll('.sel-acao').forEach((s) => { s.addEventListener('change', () => atualizarLinha(s)); atualizarLinha(s); });
document.querySelectorAll('.busca-prod').forEach((inp) => {
  autocompletar(inp,
    async (q) => (await fetch('/api/produtos?q=' + encodeURIComponent(q))).json(),
    (p) => `<b>${escapar(p.descricao)}</b><small>${escapar(p.codigo)} · ${escapar(p.unidade || '')}</small>`,
    (p) => {
      inp.value = p.descricao;
      document.querySelector(`[name="produto_${inp.dataset.i}"]`).value = p.id;
      document.querySelector(`[name="acao_${inp.dataset.i}"]`).value = 'vincular';
    });
});
</script>
{% endblock %}